<template>
	<div>
		<!-- 外层容器 -->
		<el-container>
			<!-- 侧边栏容器 -->
			<el-aside width="200px"><el-row class="tac">

					<el-menu default-active="home" class="el-menu-vertical-demo" 
						background-color="#304156" text-color="#fff" active-text-color="#ffd04b" unique-opened    router>
						
						
						
						<el-menu-item index="home">
						  <i class="el-icon-s-flag"></i>
						  <span slot="title">网页页面</span>
						</el-menu-item>
						
						
						
						
						<el-menu-item index="Community">
						  <i class="el-icon-s-flag"></i>
						  <span slot="title">小区管理</span>
						</el-menu-item>
						
						
						<el-submenu index="3">
							<template slot="title">
								<i class="el-icon-location"></i>
								<span>帮买取快递废品回收</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="Mendian">
									<i class="el-icon-s-home"></i>门店管理</el-menu-item>
								<el-menu-item index="Yizhan">
									<i class="el-icon-s-home"></i>驿站管理</el-menu-item>
								<el-menu-item index="Shangpin">
									<i class="el-icon-s-home"></i>商品管理</el-menu-item>
								<el-menu-item index="Dingdan">
									<i class="el-icon-s-home"></i>订单管理</el-menu-item>
								<el-menu-item index="3-5">
									<i class="el-icon-s-home"></i>废品回收订单</el-menu-item>
							</el-menu-item-group>	
						</el-submenu>
						
						
						
						<el-submenu index="4">
							<template slot="title">
								<i class="el-icon-location"></i>
								<span>胖虎甄选</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="4-1">
									<i class="el-icon-s-shop"></i>商品管理</el-menu-item>
								<el-menu-item index="4-2">
									<i class="el-icon-s-shop"></i>订单管理</el-menu-item>
								<el-menu-item index="4-3">
									<i class="el-icon-s-shop"></i>售后订单</el-menu-item>
							</el-menu-item-group>	
						</el-submenu>
						
						
						
						
						<el-submenu index="5">
							<template slot="title">
								<i class="el-icon-location"></i>
								<span>胖虎家政</span>
							</template>
							<el-menu-item-group>
								<el-menu-item index="4-1">
									<i class="el-icon-s-custom"></i>家政服务</el-menu-item>
								<el-menu-item index="4-2">
									<i class="el-icon-s-custom"></i>订单管理</el-menu-item>
								<el-menu-item index="4-3">
									<i class="el-icon-s-custom"></i>售后订单</el-menu-item>
							</el-menu-item-group>	
						</el-submenu>
						
						
						
							<el-menu-item index="6-1">
								<i class="el-icon-location"></i>用户管理</el-menu-item>
							<el-menu-item index="6-2">
								<i class="el-icon-location"></i>骑手管理</el-menu-item>
							<el-menu-item index="6-3">
								<i class="el-icon-location"></i>家政管理</el-menu-item>
							<el-menu-item index="6-4">
								<i class="el-icon-location"></i>新用户红包</el-menu-item>
							<el-menu-item index="6-5">
								<i class="el-icon-location"></i>类目管理</el-menu-item>
							




					</el-menu>
					</el-col>
				</el-row>
			</el-aside>
			<el-container>
				
				
				<!-- 顶栏容器 -->
				<el-header style="height:100px  "> 
				<center>
					<img src="../assets/R-C (3).jpg"  style="height:100px " />
					<img src="../assets/R-C (3).jpg"  style="height:100px " />
					<img src="../assets/R-C (3).jpg"  style="height:100px " />
				</center>
				</el-header>
				
				
				
				
				<!-- 主要区域容器 -->
				<el-main>
					<router-view></router-view>
				</el-main>
				
				
				
				
			</el-container>
		</el-container>
	</div>
</template>

<script>
	export default {
		methods: {
			fanhui() {
				this.$router.push('/')
			}
		},
	}
</script>

<style>
	.el-container {
		height: 100vh;
	}

	.el-aside {
		width: 210px !important;
		background-color: #304156;
		height: 100%;
	}

	.el-header {
		height: 60px;
		box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
	}
</style>